<template>
    <div class="home">
        <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
        <form action="https://www.baidu.com/s" method="get" target="_bank">
            <input type="text" name="wd" placeholder="百度一下" />
            <button>搜索</button>
        </form>
        <div>
            <ul class="fastlink">
                <li v-for="v in list">
                    <a :href="v.to" v-text="v.name" :target="v.target||'_self'">百度</a>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
    name: 'Home',
    components: {
        HelloWorld
    },
    data(){
        return {
            list:[
                {
                    name:'数据架构',
                    to:'http://192.168.0.120:8081',
                    target:'_bank'
                },
                {
                    name:'百度',
                    to:'https://www.baidu.com/',
                    target:'_bank'
                },
            ]
        }
    },
}

</script>
<style lang="less" scoped>
.fastlink{
    li{
        list-style: none;
        line-height: 2rem;
    }
}
</style>
